<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="../css/jquery.checkbox.css" charset="UTF-8" media="all">
<link rel="stylesheet" type="text/css" href="../css/jquery.safari-checkbox.css" charset="UTF-8" media="all">
<link rel="stylesheet" type="text/css" href="../css/main.css" charset="UTF-8" media="all">
<link rel="stylesheet" type="text/css" href="../css/options.css" charset="UTF-8" media="all">

<script type="text/JavaScript" src="../js/jquery-1.7.1.min.js" charset="UTF-8"></script>
<script type="text/JavaScript" src="../js/jquery.checkbox.min.js" charset="UTF-8"></script>
<script type="text/JavaScript" src="../js/common.js" charset="UTF-8"></script>
<script type="text/JavaScript" src="../js/options.js" charset="UTF-8"></script>

<title>園田の社内Twitter ログイン設定</title>

</head>

<body>

<div id="message"></div>

<h2>園田の社内Twitter ログイン設定</h2>

<table cellpadding="0" cellspacing="0">
	<tr>
		<td>
			ユーザ名
		</td>
		<td>
			<input id="userName" size="32" placeholder="ユーザ名を入力してください" />
		</td>
	</tr>
	<tr>
		<td>
			パスワード
		</td>
		<td>
			<input type="password" id="password" size="32" placeholder="パスワードを入力してください"/>
		</td>
	</tr>
	<tr>
		<td>
			タイムライン<br/>表示件数
		</td>
		<td>
			<input id="dispCount" type="range" min="5" max="20" value="10"/>
			<span id="lDispCount">10</span> 件
		</td>
	</tr>
	<tr>
		<td>
			タイムライン<br/>更新頻度
		</td>
		<td>
			<input id="interval" type="number" min="10" max="9999" value="60" step="10"/>秒
		</td>
	</tr>
	<tr>
		<td>
			デスクトップ<br/>通知
		</td>
		<td>
			<label id="lblNotify" for="isNotify" style="cursor:pointer">
				<input id="isNotify" type="checkbox" style="cursor:pointer"/>
				新着つぶやきの通知を行う
			</label>
		</td>
	</tr>
	<tr>
		<td>
			通知<br/>表示時間
		</td>
		<td>
			<input id="notifyWait" type="number" min="1" max="60" value="5" step="1"/>秒
		</td>
	</tr>
 	<tr>
		<td>
			<a class="button" id="save" target="_self">保&nbsp;&nbsp;存</a>
		</td>
		<td align="right">
			<a class="button" id="quit" target="_self">閉じる</a>
		</td>
	</tr>
</table>

</body>
</html>